<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <h:head>
        <title>GW Tree</title>
        <link rel="stylesheet" type="text/css" href="/resources/fa/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="/resources/css/gew2.css"/>
        <script type="text/javascript" src="/resources/js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="/resources/js/jquery-ui.js"></script>
        <script type="text/javascript" src="/resources/js/gw.js"></script>
    </h:head>
    <h:body>
        <div style="max-width:300px;width:20%;margin:auto;display:inline-block;vertical-align:top;">
            <c:forEach items="#{treeBn.items}" var="d">
                <a href="#{d.url}" class="gw-table-row gw-table-row-hl" gw-id="#{d.id}" gw-pid="#{d.parentId}">
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.selected}"><div href="" class="gw-tree-cell-selected#{d.selected}"/></div></div>
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.expanded} gw-tree-lvl#{d.level}"><div href="" class="gw-tree-cell-expanded#{d.expanded}"/></div></div>
                    <div class="gw-tree-cell"><b> #{d.code} </b>#{d.name}</div>
                </a>
            </c:forEach>
        </div>
        <div style="max-width:300px;width:20%;margin:auto;display:inline-block;vertical-align:top;">
            <c:forEach items="#{treeBn.items}" var="d">
                <a href="#{d.url}" class="gw-table-row gw-table-row-hl" gw-id="#{d.id}" gw-pid="#{d.parentId}">
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.selected}"><div href="" class="gw-tree-cell-selected#{d.selected}"/></div></div>
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.expanded} gw-tree-lvl#{d.level}"><div href="" class="gw-tree-cell-expanded#{d.expanded}"/></div></div>
                    <div class="gw-tree-cell">#{d.name}</div>
                </a>
            </c:forEach>
        </div>
        <div style="max-width:300px;width:20%;margin:auto;display:inline-block;vertical-align:top;">
            <c:forEach items="#{treeBn.items}" var="d">
                <a href="#{d.url}" class="gw-table-row gw-table-row-hl" gw-id="#{d.id}" gw-pid="#{d.parentId}">
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.selected}"><div href="" class="gw-tree-cell-selected#{d.selected}"/></div></div>
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.expanded}"><div href="" class="gw-tree-cell-expanded#{d.expanded}"/></div></div>
                    <div class="gw-tree-cell"><b> #{d.code} </b>#{d.name}</div>
                </a>
            </c:forEach>
        </div>
        <div style="max-width:300px;width:20%;margin:auto;display:inline-block;vertical-align:top;">
            <c:forEach items="#{treeBn.items}" var="d">
                <a href="#{d.url}" class="gw-table-row gw-table-row-hl" gw-id="#{d.id}" gw-pid="#{d.parentId}">
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.selected}"><div href="" class="gw-tree-cell-selected#{d.selected}"/></div></div>
                    <div class="gw-tree-cell"><div class="gw-tree-active-border#{d.expanded}"><div href="" class="gw-tree-cell-expanded#{d.expanded}"/></div></div>
                    <div class="gw-tree-cell">#{d.name}</div>
                </a>
            </c:forEach>
        </div>
    </h:body>
</html>